import {createRouter, createWebHashHistory} from 'vue-router'
import TestList from './components/TestList.vue'
import Menu from './components/Items/Menu.vue'
import Basic from './components/Items/Basic.vue'
import Markdown from './components/Items/Markdown.vue'
import Tables from './components/Items/Tables.vue'
import Images from './components/Items/Images.vue'
import Formatting from './components/Items/Formatting.vue'
import Tasks from './components/Items/Tasks.vue'
import Longtexts from './components/Items/Longtexts.vue'
import Drawing from './components/Items/Drawing.vue'
import MinimlSetup from './components/Items/MinimlSetup.vue'
import Force from './components/Items/Force.vue'
import Clever from './components/Items/Clever.vue'

const routes = [
    { path: "/", name: "home", component: TestList},
    { path: "/menu", name: "menu", component: Menu},
    { path: "/basic", name: "basic", component: Basic},
    { path: "/markdown", name: "markdown", component: Markdown},
    { path: "/tables", name: "tables", component: Tables},
    { path: "/images", name: "images", component: Images},
    { path: "/formatting", name: "formatting", component: Formatting},
    { path: "/tasks", name: "tasks", component: Tasks},
    { path: "/longtexts", name: "longtexts", component: Longtexts},
    { path: "/drawing", name: "drawing", component: Drawing},
    { path: "/force", name: "force", component: Force},
    { path: "/clever", name: "clever", component: Clever},
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router;
